/** 圆角 */
@mixin borrad() {
  border-radius: calc(infinity * 1px);
}

/** 水平垂直居中 - flex */
@mixin flexbox() {
  @content;

  display: flex;
  justify-content: center;
  align-items: center;
}

/** 水平垂直居中 - grid */
@mixin gridbox() {
  @content;

  display: grid;
  place-items: center;
}

/** 水平垂直居中 - absolute */
@mixin absbox() {
  @content;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/** 元素水平垂直居中 - margin */
@mixin autobox() {
  @content;

  position: absolute;
  inset: 0;
  margin: auto;
}